<!--  -->
<template>
  <div class="news-list">
    <h1>新闻列表</h1>
    <!-- <NewsItem :newslist="newslist"></NewsItem> -->
    <news-item :newslist="newslist"></news-item>
  </div>
</template>

<script>
import NewsItem from "../../../../09vuecli备课/demo/src/components/NewsItem.vue";
// import NewsList from '../assets/newslist.json'
// import axios from "axios";
export default {
  data() {
    return {
      // newslist:NewsList.list
      newslist: [],
    };
  },
  components: {
    NewsItem,
  },
  methods: {
    getData() {
      this.$http
        .get("newslist.json")
        .then((res) => {
          console.log(res);
          this.newslist = res.data.list;
        })
        .catch((err) => {
          console.log(err);
        });
    },

    getDataFromJuHe(){
    //   axios.get('/api?type=top&key=807f10d5da886d846acdde0d7c34024d')
    //   .then((res)=>{
    //     console.log(res);
    //     console.log(res.data.result.data);
    //   })
    //   .catch(err=>{
    //     console.log(err);
    //   })
    // }
    // ///////////////////////////////////
     this.$http.get('/api',{
        params:{
          type:'top',
          key:'807f10d5da886d846acdde0d7c34024d'
        }
      })
      .then((res)=>{
        console.log(res);
        console.log(res.data.result.data);
      })
      .catch(err=>{
        console.log(err);
      })
    }
    // axios({
    //   url:'/api',
    //   method:'GET',
    //   params: {
    //        type:'shehui',
    //       key:'807f10d5da886d846acdde0d7c34024d'
    //   },
    //   timeout:1000*2,
    //   responseType: 'json'
    // })
    // .then(res=>{
    //   console.log(res);
    // })
    // .catch(err=>{
    //   console.log(err);
    // })
    // }
  },
  created() {
    this.getData();
    this.getDataFromJuHe()
  }
}

</script>
<style lang='scss' scoped>
</style>